<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- saved from url=(0069)file:///C:/Users/samsung/Desktop/Eason/exercise0917/exercise0917.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<title>Css练习</title>
	<link rel="stylesheet" href="0917.css">
</head>
 <body>
  <div class="all">
    <!-- 头部开始 -->
    <div class="head">
     
     <div class="head-fast">
     
       <div class="fast-left">腾讯logo</div>
       <div class="fast-middle">搜索框</div>
       <div class="fast-right">登录</div>	
     
     </div>
     
     <div class="head-last">
     
       <ul class="ad">

     			<li class="list">1</li>
     			<li class="list">2</li>
     			<li class="list">3</li>
     			<li class="list">4</li>
     			<li class="list">5</li>
     			<li class="list">6</li>
     			<li class="list">7</li>
       
       </ul>

     </div>
    	
    </div>
    <!-- 头部结束 -->
    <!-- 主体开始 -->
	<div class="main">
	 <div class="main-fast">
	  <div class="main-fast-left">广告</div>
	  <div class="main-fast-right">广告</div>
	 </div>
	<div class="middle">
		 <div class="long">
	 	  <div class="long-ad"><br><br><br><br><br><br><br><br><br><br><b>陈</b><br><b>奕</b><br><b>迅</b></div>
        <ui>
        	<li class="small-ad">EASON</li>
        	<li class="small-ad">EASON</li>
        	<li class="small-ad">EASON</li>
        	<li class="small-ad">EASON</li>
        </ui>
	     </div>
	  <div class="main-middle">陈</div>
	  <div class="main-middle">奕</div>
	  <div class="main-middle">迅</div>
	  <div class="main-middle">陈</div>
	  <div class="main-middle">奕</div>
	  <div class="main-middle">迅</div>
	 <div class="middle-ad">
	  <div class="middle-ad-left">广告</div>
	  <div class="middle-ad-right">广告</div>
	 </div>
      <div class="main-middle">陈</div>
	  <div class="main-middle">奕</div>
	  <div class="main-middle">迅</div>
	  <div class="main-middle">陈</div>
	  <div class="main-middle">奕</div>
	  <div class="main-middle">迅</div>
	</div>		
	</div>
	<!-- 主体结束 -->
	<!-- 尾部开始 -->
	<div class="foot">
	<div class="foot-ad">
		<ul>
			<li class="end-ad">陈</li>
			<li class="end-ad">奕</li>
			<li class="end-ad">迅</li>
			<li class="end-ad">陈</li>
			<li class="end-ad">奕</li>
			<li class="end-ad">迅</li>
		</ul>
	</div>	
	<ul class="last-ad">
		<li class="last-end">Eason</li>
		<li class="last-end">Eason</li>
		<li class="eason"><h1>陈奕迅&nbsp;陈奕迅&nbsp;陈奕迅</h1></li>
	</ul>
	</div>
	<!-- 尾部结束 -->
  </div>
 
</body></html>